import { RouterProvider } from "react-router-dom";
import router from "./router/router";
import './i18n/config'
function App() {
  return <RouterProvider router={router} />;
}

export default App;
// import React, { useEffect, useRef } from 'react';
// import Danmaku from 'rc-danmaku';
 
// const TestDanmaku: React.FC = () => {
//   const danmakuInsRef = useRef<Danmaku | null>(null);
 
//   useEffect(() => {
//     const danmakuIns = new Danmaku('.danmaku-wrapper');
//     danmakuInsRef.current = danmakuIns;
//   }, []);
 
//   return (
//     <div className="test-danmaku">
      
//       <div className="danmaku-wrapper" style={{ width: '300px', height: '200px', backgroundColor: '#000' }} >
//         <video
//        className="danmaku-wrapper"
//             // src='http://localhost:5173/123123.MP4'
//              src='http://localhost:5173/555.MP4'
//             // src="http://localhost:5173/666.MP4"
//             autoPlay
//             muted
//             controls
//             width="740px"
//             height="400px"
//           >
//             Your browser does not support the video tag.
//           </video>
//       </div>
//       <button type="button" onClick={(): void => {
//         if (danmakuInsRef.current) {
//           danmakuInsRef.current.push('Hello World');
//         }
//       }}>
//         发送弹幕
//       </button>
//     </div>
//   );
// };
 
// export default TestDanmaku;

